<template>
  <div class="fly-panel fly-link">
    <h3 class="fly-panel-title">友情链接</h3>
    <dl class="fly-panel-main">
      <dd v-for="(item,index) in lists"
        :key="'links' + index">
        <a :href="item.link"
          target="_blank">{{item.title}}</a>
      </dd>
      <dd><a href="mailto:1770813141@qq.com"
          class="fly-link">申请友链</a>
      </dd>
    </dl>
  </div>
</template>

<script>
import { getLinks } from '../../api/content'
export default {
  name: 'Links',
  data () {
    return {
      lists: []
    }
  },
  mounted () {
    getLinks().then((res) => {
      if (res.code === 200) {
        this.lists = res.data
      }
    })
  }
}
</script>

<style lang="scss" scoped>
</style>
